<template>
  <div>
    <el-row>
      <el-col >
        <!-- 轮播图 -->
        <el-carousel :interval="5000" arrow="always">
          <el-carousel-item v-for="item in imgList" :key="item">
              <el-image style="width:100%;height:100%"  :src="item">
                <div slot="error" class="image-slot">
                  <i class="el-icon-picture-outline"></i>
                </div>
              </el-image>
          </el-carousel-item>
        </el-carousel>
      </el-col>
    </el-row>
    <el-row>
      <el-col :span="8">
        <!-- 内容 -->
        <el-container style="">
          <div>
            <div>
              <h5 class="title">政策法规</h5>
              <ul>
                <li>·<a href="//www.cnelc.com/text/6/190212/100887204.html" target="_blank">江苏调整与污染物排放量挂钩财政政策</a></li>
                <li>·<a href="//www.cnelc.com/text/6/181114/100870202.html" target="_blank">工信部发布车联网直连通信频率规划</a></li>
                <li>·<a href="//www.cnelc.com/text/6/181105/100867293.html" target="_blank">网络安全需求迫切 强身份认证或成关键</a></li>
                <li>·<a href="//www.cnelc.com/text/6/181030/100865665.html" target="_blank">国家能源局发布2018年前三季度能源形势</a></li>
                <li>·<a href="//www.cnelc.com/text/6/181017/100862163.html" target="_blank">自动驾驶、电动化、数字化将给卡车运输业</a></li>
                <li>·<a href="//www.cnelc.com/text/6/181017/100862138.html" target="_blank">网络安全成物联网发展一大瓶颈 高效解</a></li>
                <li>·<a href="//www.cnelc.com/text/1/180914/100856615.html" target="_blank">工信部：中国高度重视5G发展 积极参与</a></li>
              </ul>
            </div>
              <!--价格行情-->
            <div>
              <h5 class="title">价格行情</h5>
              <ul>
                <li>·<a href="//www.cnelc.com/Article/31/170419/100700800.html" target="_blank">涨价大趋势根本停不下来，Gartner预测存</a></li>
                <li>·<a href="//www.cnelc.com/Article/31/160627/100478632.html" target="_blank">苹果手表：智能手表价格上涨</a></li>
                <li>·<a href="//www.cnelc.com/Article/31/160330/100354502.html" target="_blank">中国传感器制造行业整体分析</a></li>
                <li>·<a href="//www.cnelc.com/Article/31/150629/100221729.html" target="_blank">全球物联网整体产值同比增长21%</a></li>
                <li>·<a href="//www.cnelc.com/Article/31/150612/100220116.html" target="_blank">到2020年物联网市场规模将达1.7万亿美元</a></li>
                <li>·<a href="//www.cnelc.com/Article/31/150410/100214485.html" target="_blank">今日沪指低开0.25% 物联网跌幅居前</a></li>
                <li>·<a href="//www.cnelc.com/Article/31/150204/100210182.html" target="_blank">到2030年全球产业物联网或创14万亿美元产</a></li>
                <li>·<a href="//www.cnelc.com/Article/31/141120/100204316.html" target="_blank">2013年中国工业交换机市场平稳增长</a></li>
                <li>·<a href="//www.cnelc.com/Article/31/140912/100200892.html" target="_blank">2015年物联网规模将接近3500亿美元</a></li>
              </ul>
            </div>
            <div>
              <!--专业论文-->
              <h5 class="title">专业论文</h5>
              <ul>
                <li>·<a href="//www.cnelc.com/Article/8/141126/100204674.html" target="_blank">2014年中国物联网产业发展分析报告</a></li>
                <li>·<a href="//www.cnelc.com/Article/1/140919/100201303.html" target="_blank">苏州平江行政中心电能管理系统设计方案</a></li>
                <li>·<a href="//www.cnelc.com/Article/2/100186489.html" target="_blank">通信业物联网产业发展的产业政策研究</a></li>
                <li>·<a href="//www.cnelc.com/Article/2/100186487.html" target="_blank">物联网RFID技术在数字校园管理中的应用</a></li>
                <li>·<a href="//www.cnelc.com/Article/2/100186483.html" target="_blank">物联网技术在物流信息化领域的探索</a></li>
              </ul>
            </div>
          </div>
        </el-container>
      </el-col>
      <el-col :span="8">
        <el-container style="width:20%;margin-left:40px">
          <div>
            <div>
              <h5 class="title">技术前沿</h5>
              <ul >
                <li>·<a href="//www.cnelc.com/Article/1/170407/100696525.html" target="_blank">爱立信物联网全球路演开启：将展示最前沿的</a></li>
                <li>·<a href="//www.cnelc.com/Article/34/170106/100664793.html" target="_blank">盘点2016年物联网新世代下的传感器创新前沿</a></li>
                <li>·<a href="//www.cnelc.com/Article/34/161111/100616484.html" target="_blank">前沿技术与物联网领衔 高通闪耀深圳高交会</a></li>
                <li>·<a href="//www.cnelc.com/Article/34/161102/100604489.html" target="_blank">物联网连接数量将是物联网发展的人们的前线</a></li>
                <li>·<a href="//www.cnelc.com/Article/34/161027/100599940.html" target="_blank">全球智慧城市建设盘点 都有哪些特色与前沿</a></li>
              </ul>
            </div>
            <div>
              <h5 class="title">资料下载</h5>
              <ul>
                <li>·<a href="http://www.cnelc.com/Material/MaterialDetails/MaterialDetails2100.html" target="_blank">CNNIC第46次调查报告：我国网民规模达9.40</a></li>
                <li>·<a href="http://www.cnelc.com/Material/MaterialDetails/MaterialDetails2090.html" target="_blank">“5G+工业互联网”512工程推进方案</a></li>
                <li>·<a href="http://www.cnelc.com/Material/MaterialDetails/MaterialDetails2084.html" target="_blank">泛在电力物联网白皮书2019</a></li>
                <li>·<a href="http://www.cnelc.com/Material/MaterialDetails/MaterialDetails2081.html" target="_blank">CNNIC第44次报告：我国网民规模达8.54亿</a></li>
                <li>·<a href="http://www.cnelc.com/Material/MaterialDetails/MaterialDetails2064.html" target="_blank">2018工业互联网平台标准化白皮书</a></li>
                <li>·<a href="http://www.cnelc.com/Material/MaterialDetails/MaterialDetails2062.html" target="_blank">《中国互联网发展报告2019》发布精华版</a></li>
              </ul>
            </div>
            <div>
              <!--展会信息-->
              <h5 class="title">展会信息</h5>
              <ul>
                <li>·<a href="http://www.cnelc.com/ExhibitionDetail/Ex2443.html" target="_blank">2022上海国际风能、光伏、储能产业展览会</a></li>
                <li>·<a href="http://www.cnelc.com/ExhibitionDetail/Ex2442.html" target="_blank">2022第11届中国电力设备状态检测与故障诊断</a></li>
                <li>·<a href="http://www.cnelc.com/ExhibitionDetail/Ex2441.html" target="_blank">第二十届四川国际电力产业博览会</a></li>
                <li>·<a href="http://www.cnelc.com/ExhibitionDetail/Ex2440.html" target="_blank">第二十届四川国际电力产业博览会</a></li>
                <li>·<a href="http://www.cnelc.com/ExhibitionDetail/Ex2439.html" target="_blank">梦想变现实 | DFS2022全新起航，早鸟优惠限</a></li>
                <li>·<a href="http://www.cnelc.com/ExhibitionDetail/Ex2438.html" target="_blank">2022中国（郑州）分布式光伏建筑技术与产品</a></li>
                <li>·<a href="http://www.cnelc.com/ExhibitionDetail/Ex2437.html" target="_blank">2022第十二届北京国际汽车制造业博览会</a></li>
                <li>·<a href="http://www.cnelc.com/ExhibitionDetail/Ex2436.html" target="_blank">2022国际储能应用技术产业博览会</a></li>
                <li>·<a href="http://www.cnelc.com/ExhibitionDetail/Ex2435.html" target="_blank">第22届中国（合肥）国际装备制造业博览会 </a></li>
                <li>·<a href="http://www.cnelc.com/ExhibitionDetail/Ex2434.html" target="_blank">中国国际家电与电子电器供应链博览会 中国</a></li>
              </ul>
     
            </div>
          </div>
        </el-container>
      </el-col>
      <el-col :span="8">
         <el-container style="width:20%;margin-left:40px">
          <div>
            <div>
              <h3 class="title" style="margin-top: 0px;">人物访谈</h3>
              <ul class="ul300">
                <li>·<a href="//www.cnelc.com/text/1/191106/100906440.html" target="_blank">十问十答：中国物联网产业完善，是Arm重</a></li>
                <li>·<a href="//www.cnelc.com/text/5/190222/100889641.html" target="_blank">陈肇雄：工业互联网创新发展进入快车道</a></li>
                <li>·<a href="//www.cnelc.com/text/5/190213/100887455.html" target="_blank">中兴CEO徐子阳外媒访谈：商业模式是5G最</a></li>
                <li>·<a href="//www.cnelc.com/text/5/190118/100885357.html" target="_blank">思科CEO：提高关税会导致美国企业削减研</a></li>
                <li>·<a href="//www.cnelc.com/text/5/190117/100885056.html" target="_blank">华为5G首席科学家童文博士：谁无暴风劲雨</a></li>
                <li>·<a href="//www.cnelc.com/text/5/190114/100883925.html" target="_blank">东土科技李平：应加大对工业互联网底层控</a></li>
              </ul>
            </div>
            <div>
              <h3 class="title">热点专题</h3>
              <ul >
                <li>·<a href="http://www.cnelc.com/Special/gjc/" target="_blank">一站式全网营销系统，让企业推广飞起来！</a></li>
                <li>·<a href="http://www.cnelc.com/Special/2019052402/" target="_blank">视频专题：智能机器人 智能无处不在</a></li>
                <li>·<a href="http://www.cnelc.com/Special/2019052401/" target="_blank">第二届“一带一路”国际合作高峰论坛</a></li>
                <li>·<a href="http://www.cnelc.com/Special/2019051701/" target="_blank">2019年机器人产业发展与应用专题</a></li>
                <li>·<a href="http://www.cnelc.com/Special/2019042601/" target="_blank">泛在电力物联网的发展前景</a></li>
              </ul>
            </div>
            <div>
              <!--供应信息-->
              <h5 class="title">供应信息</h5>
              <ul>
                <li>·<a href="http://www.cnelc.com/Product/20140215/P103968107.html" target="_blank">供应10W到280W多晶太阳能电池板</a></li>
                <li>·<a href="http://www.cnelc.com/Product/20131028/P103804492.html" target="_blank">回收碳酸钴，硫酸钴，氯化钴，草</a></li>
                <li>·<a href="http://www.cnelc.com/Product/20121108/P102885025.html" target="_blank">数码手机电池超声波焊接机</a></li>
                <li>·<a href="http://www.cnelc.com/Product/20121108/P102884990.html" target="_blank">数码手机产品超声波焊接</a></li>
                <li>·<a href="http://www.cnelc.com/Product/20121103/P102881396.html" target="_blank">广州阳光蓄电池深圳阳光蓄电池中</a></li>
                <li>·<a href="http://www.cnelc.com/Product/20121103/P102881395.html" target="_blank">广州汤浅蓄电池深圳汤浅蓄电池中</a></li>
                <li>·<a href="http://www.cnelc.com/Product/20121103/P102881392.html" target="_blank">广州松下蓄电池深圳松下蓄电池中</a></li>
                <li>·<a href="http://www.cnelc.com/Product/20121101/P102879216.html" target="_blank">广州EPS应急电源广州UPS电源广州</a></li>
                <li>·<a href="http://www.cnelc.com/Product/20121101/P102878736.html" target="_blank">枣庄德国阳光电池进口商直销</a></li>
                <li>·<a href="http://www.cnelc.com/Product/20121101/P102878735.html" target="_blank">淄博德国阳光蓄电池</a></li>
              </ul>
            </div>
          </div>
        </el-container >
      </el-col>
    </el-row>
  </div>
</template>
<script>
export default {
  data(){
    return{
      imgList:["http://localhost:8080/l1.jpeg","http://localhost:8080/l2.jpg","http://localhost:8080/l3.jpeg","http://localhost:8080/l4.jpeg"],//轮播图
    }
  }
}
</script>

<style>
  .el-carousel__item h3 {
    color: #475669;
    font-size: 18px;
    opacity: 0.75;
    line-height: 300px;
    margin: 0;
  }
  
  .el-carousel__item:nth-child(2n) {
    background-color: #99a9bf;
  }
  
  .el-carousel__item:nth-child(2n+1) {
    background-color: #d3dce6;
  }

  ul{
    margin-left: 15px;
    padding: 0;
  }
  a{
    color: black;
    text-decoration: none;
  }
  a:hover{
    color: blue;
  }
  .title{
    width: 290px;
    height: 33px;
    line-height: 33px;
    vertical-align: middle;
    font-size: 18px;
    font-family: 微软雅黑, 黑体, 新宋体;
    background: url(/Images/SubchannelNew/i/9title_bg1_2.gif) no-repeat left top;
    border-bottom: 1px solid #D7D7D7;
    padding-left: 10px;
    margin-top: 15px;
    font-weight: 500;
  }
</style>